<template>
  <div class="tab-content">
    <h2>文本输入</h2>
    <input
      v-model="text"
      type="text"
      placeholder="请输入内容"
      class="text-input"
    >
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'

const text = ref('')
</script>

<style lang="scss" scoped>
.text-input {
  width: 100%;
  padding: 12px;
  border:px solid #dee2e6;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s;
}

.text-input:focus {
  border-color: #4361ee;
  outline: none;
}
</style>